<style>

</style>

<form id="add-form" action="" role="form" method="post">
    <!--                        <div class="btn-group" style="width: 100%; margin-bottom: 10px;">-->
    <!--                            <input type="hidden" name="row[background]" value="#18bc9c"/>-->
    <!--                            <ul class="fc-color-picker" id="color-chooser">-->
    <!--                                <li><a class="text-green active" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-aqua" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-blue" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-light-blue" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-teal" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-yellow" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-orange" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-red" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-purple" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-fuchsia" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-muted" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                                <li><a class="text-navy" href="#"><i class="fa fa-square"></i></a></li>-->
    <!--                            </ul>-->
    <!--                        </div>-->
    <div id="time">
        排班日期:  {$time}
    </div>

    {if condition="isset($class) "}
    {foreach $class as $vo}

    <div style="margin: 20px 0 20px 0;">
        <div style="background-color: rgb(245,246,250);height: 50px;margin: 5px;line-height:50px;">
            &nbsp;&nbsp;&nbsp;&nbsp;    {$vo.name}  {$vo.starttime} - {$vo.endtime}
        </div>
        <div style="display: flex; flex-wrap: wrap; ">
            <a href="#" id="add_staff"  data-dateid="{$vo.id}"   data-datetime="{$datetime}">
                <div style="width: 100px;border:1px dashed;height: 60px;margin: 5px;line-height:60px;text-align: center; ">
                    +添加员工
                </div>
            </a>
            {foreach $vo['staff'] as $v1}
            <div style="width: 100px;background-color: rgb(245,246,250);height: 60px;margin: 5px; position: relative;" >
                <a href="#" id="del_staff" data-ids="{$v1.cid}">
                    <svg t="1732774729628" class="icon" style="position: absolute;top: 0;right: 0;cursor: pointer;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4358" width="15" height="15"><path d="M512 1024C794.769792 1024 1024 794.769792 1024 512 1024 229.230208 794.769792 0 512 0 229.230208 0 0 229.230208 0 512 0 794.769792 229.230208 1024 512 1024ZM343.754675 307.2 515.024998 478.534374 686.953114 307.2 723.325005 344.796877 551.521869 515.595315 722.44375 686.596864 686.118758 722.957824 515.09376 551.690624 343.754675 722.678118 307.2 686.335949 479.029683 515.275008 307.510938 344.379699 343.754675 307.2Z" fill="#8a8a8a" p-id="4359"></path></svg>
                </a>
                <div>
                    <div style="margin: 5px;">{$v1.name}</div>
                    <div style="margin: 5px;">职务{$v1.cid}</div>
                </div>
            </div>
            {/foreach}
        </div>
    </div>

    {/foreach}
    {/if}

    <a href="#"  class="btn btn-primary" id="close-add">提交</a>

</form>